
<script setup lang="ts" name="topNavbarLeft">
/**应该删掉的，并没有被用到 */

import breadcrumb from "../../breadcrumb.vue";
import ExpandCollapseIcon from "../../icons-button/expand-collapse.vue";
import logo from "../../logo.vue";
import { useAppConfigUserStore,useAppConfigStore } from "@/stores";
import { storeToRefs } from "pinia";
const appConfigUser = useAppConfigUserStore();
const {isPhone} =storeToRefs(useAppConfigStore())
</script>

<template>
  <div class="topNavbarLeft">
    <ExpandCollapseIcon v-if="isPhone"></ExpandCollapseIcon>
    <logo
      v-else
      class="topNavbarLeft__logo"
      width="10em"
      height="100%"
    ></logo>
    <breadcrumb
      v-if="!isPhone&&appConfigUser.layoutConfig.showBreadcrumb"
    >
    </breadcrumb>
  </div>
</template>

<style lang="scss" scoped>
.topNavbarLeft {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;

  &__logo {
    margin-right: 1em;
  }
}
</style>

